import { Button } from 'element-ui';
import Vue from 'vue'
//导入element-ui相关的组件
import { 
    Row,
    Form,
    FormItem,
    Input,
    Message,
    Container,
    Header,
    Main,
    MessageBox,
    Menu,
    Submenu,
    Aside,
    MenuItemGroup,
    MenuItem,
    Breadcrumb,
    Card,
    TableColumn,
    Table,
    Switch,
    BreadcrumbItem,
    Pagination,
    Dialog,
    Select,
    Option,
    Col,
    Tag,
    Tree,
    Cascader,
    Alert,
    Tabs,
    TabPane,
    Steps,
    Step,
 } 
 from 'element-ui'

 //导入的组件不是以标签来用的所以需要注册到vue原型上,方便调用
 Vue.prototype.$message = Message;
 Vue.prototype.$messageBox = MessageBox;
 Vue.prototype.$confirm = MessageBox.confirm

//注册全局组件
Vue.use(Button)
Vue.use(Row)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Main)
Vue.use(MessageBox)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(Aside)
Vue.use(MenuItemGroup)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(Card)
Vue.use(TableColumn)
Vue.use(Table)
Vue.use(Switch)
Vue.use(BreadcrumbItem)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Select)
Vue.use(Option)
Vue.use(Tag)
Vue.use(Col)
Vue.use(Tree)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Menu)
Vue.use(MenuItem)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)

